<html>
<head>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function initialize() {
	var latlng = new google.maps.LatLng(-34.397, 150.644);
	var myOptions = {
		zoom: 8,
		center: latlng,
		mapTypeId: google.maps.MapTypeId.ROADMAP
	};
	//var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
	var map = new google.maps.Map(document.getElementById("map_canvas"),
		{ center: new google.maps.LatLng(35.660482, 139.729217),
		zoom: 13,
		mapTypeControlOptions: {
			mapTypeIds: [ google.maps.MapTypeId.ROADMAP, "gdd" ]
		}
	});
	var gddMapType = new google.maps.StyledMapType(
		[ {
			featureType: "road",
			elementType: "all",
			stylers: [ { saturation: -100 } ]
		},{
			featureType: "poi.school",
			elementType: "geometry",
			stylers: [ { hue: "#ff0000" } ]
		},{
			featureType: "transit.line",
			elementType: "all",
			stylers: [ { visibility: "off" } ]
		},{
			featureType: "administrative.locality",
			elementType: "labels",
			stylers: [ { invert_lightness: true } ]
		} ], { name: "GDD" });
	map.mapTypes.set("gdd", gddMapType);
	map.setMapTypeId("gdd");
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width: 100%; height: 100%;"></div>
</body>
</html>
